{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
 <!--设置自动播放要写在video里 autoplay="autoplay"-->
 <video  id="video" controls  loop="loop" poster="1.jpg" >
		<!--哪个能播，播哪个-->
	   
	 
	   <source src="__ROOT__/static/note/img/5.mp4" type="video/mp4" >
	  
		</video>
	   
		<button onClick="bofang()">播放</button>
		<button onClick="zanting()">暂停</button>
		<button onClick="kuaijin()">快进10秒</button>
		<button onClick="kuaitui()">快退</button>
		
		<button onClick="shutup(this)">闭嘴</button>
		 <button onClick="soso()">加速播放</button>
		 <button onClick="yu()">减速播放</button>
		 <button onClick="upper()">提高嗓门</button>
		 <button onClick="lower()">降低嗓门</button>
		 
		 
		 <hr/>
		 <audio  style="width:50px" src="www.2016.com/js/da.mp3"  controls></audio>
<h6>代码</h6>
<pre>


	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
 var video=document.getElementById('video');
	
	function bofang(){
	var video=document.getElementById('video');
		//alert("播放");
		
		
		video.play();
		
		}
    function zanting(){
		//alert("暂停");
		video.pause();
		}
	  function kuaijin(){
		
		video.currentTime+=10;
		}
		
		
	  function shutup(obj){
		  if(video.muted){
			  obj.innerHTML="闭嘴";
			  video.muted=false;		
		}else{
			 obj.innerHTML="张嘴";
			  video.muted=true;	
			}
			}
		
		//加速播放（3倍）
		  function soso(){
		
		video.playbackRate=3;
		}
		
		//慢速（3倍）
			  function yu(){
		
		video.playbackRate=1/3;
		}	
		
		//提高嗓门
			  function upper(){
		
		video.volume+=0.2;
		}	
    //降低嗓门
			  function lower(){
		
		video.volume-=0.2;
		}	
		setInterval("bofang()",924*60*15);//是window对象，可以省略
</script> {/block}